*{margin: 0px;
padding:0px;}
.whole{
    background-image: linear-gradient(to top, #698fd1, #5c72ba, #367fa9, #42ab90, #86cea6);
    height:900px;
}

.header{
    height:50px;
    width:100%;
    /* border:1px solid black; */
    box-shadow: 0px 1px 4px rgba(116, 114, 114, 0.373);
    /* background-color: #3EA8A7; */
    line-height: 50px;
    z-index:10;
    background-color: #f7f3f3;
    position:fixed;
    top:0px;
    transition: top .5s linear;  /*导航栏过渡出现和隐藏*/
    position: fixed;   /* 绝对定位，不管滚动条上下滚动都在相应的位置*/
    /* top: -80px;        /*隐藏导航栏*/
    /* left: 0; */ 
}

  .fusu { 
    width: 100%;
    height: 10px;
    left: 0;
    top: 0;
  }
.goTop {
    width: 60px;
    height: 60px;
    font-size: 20px;
    text-align: center;
    line-height: 25px;
    color: azure;
    position: fixed;    /*固定定位*/
    bottom: 50px;
    right: 30px;
    display: none;   /*隐藏按钮*/
    border-radius: 8px;
    border:2px solid white;

    background-color:rgba(22,160,133,1);

  }
  .goTop:hover{
    background-color:white;

  }
  .gotop_img{
    width: 50px;
    height: 50px;

  }
ul li{
    list-style: none;
}
a{
    text-decoration: none;
}
a:link {color:#3b3b3b}     

a:visited {color:#3b3b3b;}  /*已访问链接 */

a:hover {color:#3b3b3b;}  /*鼠标移动到链接上*/

a:active {color:#3b3b3b;} /*鼠标点击*/

.logo img{
    height:40px;
    width:40px;
    float:left;
    position:relative;
    left:30px;
    top:5px;


}
.logo p{
    display: block;
    float:left;
    position:relative;
    left:40px;
    font-size: 20px;;
}


.guid>ul {
    float:left;
    position:relative;
    left:100px;
    line-height: 50px;
}

.father li:hover{
	background-color: #268382;
    
}
.father>li{
    display:block;
    /* margin-right:20px; */
	float: left;
	height: 50px;
	line-height: 50px;
	width: 100px;
	text-align: center;
	/* border: 1px solid red; */
    font-size:larger;
}
.son{
    position:absolute;
        display: none;
    }
.son a:link {color:#666}     

.son a:visited {color:#666;}  /*已访问链接 */

.son a:hover {color:#666}  /*鼠标移动到链接上*/

.son a:active {color:#666;}  /*鼠标点击时*/

.son li{
        width:80px;
        line-height: 2.5em;
        background-color:  rgb(250, 250, 250);
        /* border:2px solid green; */
        float:none;
        position:relative;
    }
.son>li:hover{
        background-color:#b3cdf6;
        transform:scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -o-transform:scale(1.02);
        -ms-transform: scale(1.02);
    }
    .father li:hover .son{
        display: block;
    }

    .father1 li:hover .son{
        display: block;
    }
    .father1 li:hover{
        font-size: 17px;
 
    }
    .guid-right>ul{
        float:right;
        position:relative;
        right:40px;
    }
    .father1>li{
        font-size: 15px;
        color: #666;
        display:block;
        /* margin-right:20px; */
        float: left;
        height: 50px;
        line-height: 50px;
        width: 80px;
        text-align: center;
        /* border: 1px solid red; */
        /* font-size:larger; */
    }

/* 上面是 对header导航栏的设置*/

/* 下面是左侧“我的”这一栏 */
 .wode{
    /* border:1px solid black; */
    width:20%;
    height:400px;
    position:absolute;
    left:60px;
    top:80px;
    box-shadow: 1px 1px 1px 1px rgba(108, 107, 107, 0.5) ;
    /* background-image: url("../images/beijing.jpeg"); */
    border-radius:3px;
    background-color: #f7f3f3;
    /* border-radius: 10px; */
    position:fixed;
    /* z-index: 10; */
 }
 .information{
    /* border:1px solid red; */
    height:120px;
 }
 .information img{
    height:80px;
    width:auto;
    box-shadow: 1px 1px 1px 1px rgba(79, 76, 76, 0.5) ;
    border-radius:15px;
    display: block;
    margin-left:8px;
    margin-top:6px;
 }
 .myname{
    /* border:1px solid blue; */
    width:100px;
    height: 30px;
    font-size:30px;
    position:relative;
    left: 105px;
    bottom:80px;

 }
 .information P{
    /* border:1px solid yellow; */
    font-size: 8px;
    width:200px;
    position:relative;
    left:100px;
    bottom:60px;

 }
 .information .comefrom{
    /* border:1px solid pink; */
    width:60px;
    font-size:10px;
    position:absolute;
    bottom:290px;
    left:13px;
 }
 .lambel{
    /* border:1px solid pink; */
    width:180px;
    height:60px;
    position:relative;
    left:100px;
    bottom: 63px;
 }
.lambel div{

    width:35px;
    height:20px;
    margin-right: 10px;
    margin-bottom: 5px;
    float:left;
    font-size:6px;
    border-radius: 8px;
    text-align: center;
}
.lambel1{
    border:2px solid #56ab7c;

}
.lambel2{
    border:2px solid #9cab56;
}
.lambel3{
    border:2px solid  #ce77d2;

}
.lambel4{
    border:2px solid  #ce77d2;
}
 ._gaikuang{
    font-size: 10px;
    font-weight: bolder;
    
}
.grid-container1{
    width:300px;
    height:150px;
    position:relative;
    bottom:55px;
    border-top:1px dashed rgba(160, 160, 159, 0.901);
    display:grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}
/* .grid-item1{
    border:1px solid green; } */

.grid-item1 img{
    width:30px;
    height:30px;
    position:relative;
    left:22px;
    top:10px;
}
.grid-item1 p{
    display:block;
    /* position:relative;
    top:10px;
    left:10px; */
    margin-top:10px;
    margin-left:19px;
    /* font-weight: bolder; */
}
.grid-item1:hover{
    transform:scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -o-transform:scale(1.04);
    -ms-transform: scale(1.04);
} 
.sign{
    display:block;
    width:284px;
    height:100px;
    border-top:1px  dashed pink; 
    position:relative;
    bottom:50px;
    padding:8px;

}
/* 上面是左侧“我的”这一栏的内容 */

/* 左侧下方的“资讯”这一栏 */

 .news{
    /* border:1px solid black; */
    border-radius:3px;
    width:20%;
    height:200px;
    position:absolute;
    left:60px;
    top:490px;
    background-color: #f7f3f3;
    position:fixed;
}
 
 
/* 内容的主体部分 */
 .container{
    /* border:1px solid black; */
    width:66%;
    height:1870px;
    float:right;
    position:absolute;
    left:380px;
    top:570px;
    background-color: white;
    border-radius:3px;

 }
    .tab1{
        /* border:1px solid green; */
        height:450px;
        width:66%;
        position:absolute;
        left:380px;
        top:60px;
        border-radius:3px;

    }

        .tab{
            float: left;
            margin-right: 50px;
            border-radius:3px;
        }
        .tab .tab-nav{
            height: 30px;
            border-radius:3px;
        }
        .tab .tab-nav li{
            float: right;
            margin-right: 5px;
            background: #26596B;
            border-radius: 3px 3px 0 0;
        }

        .tab .tab-nav li a{
            display: block;
            height: 30px;
            padding: 0 20px;
            color: #ffffff;
            text-decoration: none;
            line-height: 30px;
        }
        .tab .tab-nav li.actived{
            background: #ffffff;
        }
        .tab .tab-nav li.actived a{
            color: #777;
        }
        .tab .content-wrap{
            background: #ffffff;
            padding: 5px;
            height: 450px;
            width:990px;
            border-radius:3px;
        }
        .tab .content-wrap img{
            width: 100%;
            height: 100%;
        }
        .tab .content-wrap .content-item{
            width:990px;
            position: absolute;
            height: 450px;
            display: none;
        }
        .tab .content-wrap .current{
            display: block;
        }
        /* 轮播图的样式 */


 .flex-container{
    display: flex;
    /* border-bottom:1px solid pink; */
    height:180px; 
    justify-content: space-around;
    align-items: center;
    background-color: #ffffff;
    /* margin-top:10px; */
 }
    
    .flex-item{
        /* border:1px solid blue; */
        width:200px;
        height:130px;
    }


    
    .clearfix:after{
        content: "";
        display: block;
        clear: both;
    }

    .flex-item .item{
        width: 200px;
        height: 120px;
        /* background-color: coral; */
        float: left;
        /* margin: 0 10px; */
        /* 放大之后超出部分隐藏 */
        overflow: hidden;
        position: relative;
        border-radius: 10px;
        box-shadow:  1px 1px 1px 1px rgba(79, 76, 76, 0.5);
    }
    .flexwenzi-container {
        display: flex;
        /* border:1px solid red; */
        height:40px; 
        justify-content: space-around;
        align-items: center;
        background-color: rgba(17, 127, 90, 0.322);
    }
    .flexwenzi-container .wenzi{
        float:left;
        text-align:center;
        width:200px;
        /* border:1px solid pink; */
        color: #666;
        
    }
    .flex-item .item img{
        width: 200px;
        height: 120px;
        transition: transform ease 0.5s;
        border-radius: 10px;
        /* 扩展知识点 */
        /* transition: transform cubic-bezier(0.11, 0.31, 0.14, -0.11) 0.5s; */
    }
    .item:hover img{
        transform: scale(1.2);
    }
    .item .item-title{
        font-size: 22px;
        font-weight: bold;
        color: rgb(248, 253, 248);
        /* border: 1px solid red; */
        position: absolute;
        top: 40px;
        /* 技巧：这样左边、右边的距离一样 */
        left: 40px;
        right: 40px;
        text-align: center;
        transform: scale(1.2);
        transition: all ease .5s;
        /* 1看得到   0看不到 */
        opacity: 0;
    }
    /* 以下是 item中的超链接设置*/
    .item-title a{    
        text-decoration: none;
        font-weight:bolder;
    }

    .item-title a:link {color:#ffffff}     

    .item-title a:visited {color:#f7f3f3;}  /*已访问链接 */

    .item-title a:hover {color:rgb(242, 242, 242)}  /*鼠标移动到链接上*/

    .item-title a:active {color:#f8f8f8;}  /*鼠标点击时*/

    .item:hover .item-title{
        transform: scale(1);
        opacity: 1;
    }

    .item .item-mask{
        width: 200px;
        height: 120px;
        /* background-color: aquamarine; */
        position: absolute;
        top: -5px;
        left: -5px;
        transition: all ease .5s;
        
        /* 居中问题 */
        /* background-color: rgba(0, 0, 0, 0.5);
        border: 10px solid red; */
        
    }
    .item:hover .item-mask{
        transform: scale(1.2);
        background-color: rgba(93, 93, 93, 0.368);
        border: 5px solid #fff;
        /* 水平偏移	竖直偏移		羽化效果		阴影大小		颜色*/
        box-shadow:  0px 0px 0px 50px rgba(255, 255, 255, 0.5);
        /* 阴影是不占据宽度的，因此不会发生偏移 */
    }

    ._title{
        display:block;
        width:150px;
        height:25px;
        border-bottom:2px solid rgb(249, 168, 133);
        position:relative;
        top:0px;
        left:20px;
    }
    /* .hr_1{
        width:110px;
        text-align: center;
        position:relative;
        left:20px;
        border: 1px solid rgb(110, 108, 108);
        margin-top:6px;
    } */
    .swiper {
        width:1000px;
        height:260px;
        /* border:2px solid blue; */
        position:relative;
        right:40px;

      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* background-color: rgba(231, 234, 235, 0.334); */
        margin-top: 10px;
        width:980px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }


      .video_grid{
        display:grid;
        /* border:1px solid pink; */
        margin:0px auto;
        margin-top:60px;
        margin-left:50px;
        width:900px;
        height:260px;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr;
    }
    .video_item{
        /* border:1px solid blue; */
        width:260px;
        height:190px;
        box-shadow: 2px 2px 2px rgb(158, 157, 157);
        border-radius: 20px;;
    }
    iframe{
        border-radius: 20px 20px 0px 0px;
    }

    .video_item a:link {color:#6ef3dc}     

    .video_item a:visited {color:#71eaf3;}  /*已访问链接 */

    .video_item a:hover {color:rgb(150, 244, 234)}  /*鼠标移动到链接上*/

    .video_item a:active {color:#93f698;} 
    .video_item:hover{
        transform:scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -o-transform:scale(1.02);
        -ms-transform: scale(1.02);
    }

    .video_item .more{
        display: block;
        position:relative;
        bottom:-3px;
        left:80px;
        font-size: small;
    }
    .video_wh{
        position:relative;
        /* :15px; */
    }
    #myvideo{
        width:1080px;
        height:300px;
        /* border:1px solid red; */
    }
    .video_wh{
        position:relative;
        /* :15px; */
    }
    #bian{
        border-left:6px solid green;
        /* border-radius: 20px; */
        height:5px;
        width:2px;
        position: relative;
        left:10px;
        top:7px;
    }
    .news_title p{
        display: block;
        position:relative;
        bottom:15px;
        left:25px;
        font-family:"微软雅黑";
        font-weight:bolder;
    }
    .news_content{
        width:280px;
        margin:0px auto;
    }

 /*已访问链接 */

    .news_content a:hover{
        text-decoration:underline;
        color: #6887be;
    } /*鼠标移动到链接上*/
    .news_img{
        width:280px;
        height:100px;
        position:relative;
        left:5px;
    }

    /* 参考文献部分 */
    #wenxian{
        width:1000px;
        height:500px;
        /* border:1px solid green; */
    }
    .wenxian_hot{
        width: 750px;
        height:430px;
        /* border:1px solid green; */
        float:left;
        margin-left: 20px;
        margin-top: 10px;
    }
    .wenxian_content{
        border-bottom:1px dashed rgb(167, 166, 166);
        width: 750px;
        height:140px;
    }
    .wenxian_class{
        color:rgb(135, 135, 135);

    }
    .wenxian_content>a{
        color: #6887be;
    }
    .wenxian_content>p{
        margin-bottom:5px;
        font-size: x-small;
        line-height: 20px;
    }
    .wenxian_content>a:hover{
        text-decoration: underline;
    }
    .wenxian_content img{
        width:13px;
        height:13px;
        position:relative;
        top:-5px;
    }
    .wenxian_grid{
        display:grid;
        grid-template-columns: 1fr ;
        grid-template-rows: 1fr ;
        /* border:1px solid blue; */
        height:400px;
        width:220px;
        margin-top: 10px;
        float:right;

    }
    .wenxian_item{
        /* border:2px solid pink; */
        line-height:50px;
        width:200px;
        height:50px;
        text-align: center;
        line-height: 40px;
        margin-top: 3px;;
        box-shadow: 2px 1px 3px #727272;
        border-radius: 2px;
        transform:all 0.4s;
    }
    .wenxian_item:hover{
        transform: translateY(-1px);
        /* box-shadow: 2px 2px 4px  rgba(12, 127, 104, 0.556); */
    }
    .wenxian_item a:hover{
        color: #6887be;
    }
    .wenxian_style{
        font-size: 20px;
    }
    
    #myluntan{
        width:980px;
        height:330px;
        /* border:2px solid pink; */
    }
    .luntan{
        display:grid;
        grid-template-columns: 1fr 1fr ;
        grid-template-rows: 1fr 1fr ;
        width:960px;
        height:280px;
        /* border:2px solid green; */
        margin-top: 10px;
        margin-left: 20px;
    }
    .luntan .luntan_content{
        width:460px;
        height:130px;
        /* background:#f8f8f8; */
        box-shadow: 1px 1px 6px rgb(149, 148, 148);
        /* border:1px solid red; */
        border-radius: 5px;
    }
    .luntan_content img{
        width:30px;
        height:30px;
    }
    .luntan_content a:hover{
        text-decoration: underline;
        color:#6283be;

    }
    .luntan_content:hover{
        transform:scale(1.01);
        -webkit-transform: scale(1.01);
        -moz-transform: scale(1.01);
        -o-transform:scale(1.01);
        -ms-transform: scale(1.01);
    }
    .luntan_content span{
        position:relative;
        top:-5px;
    }
    .luntan_content p{
        font-size: x-small;
        margin-left:30px;
    }
    .luntan_content .peitu{
        width:100px;
        height:50px;
        margin-left: 30px;
        margin-top: 5px;
    }
    .luntan_id{
        /* border:1px solid red; */
        width:300px;
        height:30px;
        position:relative;
        bottom:14px;
        left:200px;
        font-size: xx-small;
        
    }
    .luntan_content span{
        color:#6283be
    }
    .luntan_id img{
        width:15px;
        height:15px;
    }
    .zuopin_container{
        width:980px;
        height: 600px;
        margin-top: 20px;
        /* border:1px solid blue; */
        display:grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows:1fr;
        grid-template-areas: 
        "one two three"
        "one two three";
        float:right;
    }
    .zuopin_content:nth-child(1){
        grid-area: one;
    }
    .zuopin_content:nth-child(2){
        grid-area:two;
    }
    .zuopin_content:nth-child(3){
        grid-area:three;
    }
 
    #mid{
        height:450px;
    }
    .zuopin_content{
        width:290px;
        height:430px;
        /* border:1px solid black; */

    }
    .zuopin_content img{
        width:100%;
        height:100%;
        border-radius: 5px;
        box-shadow: 2px 1px 1px #777;

    }
    .zuopin_content:hover{
        transform:scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -o-transform:scale(1.02);
        -ms-transform: scale(1.02);
    }
    .JIESHU{
        width:600px;
        height:100px;
        padding-top: 20px;
        /* background: rgba(255, 255, 255, 0.452); */
        position:absolute;
        bottom:-1900px;
        left:550px;
        text-align: center;
    }